
<div class="content-section introduction">
    <div>
        <span class="feature-title">Button</span>
        <span>Button is an extension to standard input element with icons and theming.</span>
    </div>
</div>

<div class="content-section implementation">
    <button pButton type="button" (click)="count()" label="Click"></button>

    <button pButton type="button" (click)="count()" icon="fa-check" label="Click"></button>

    <button pButton type="button" (click)="count()" icon="fa-check" iconPos="right" label="Click"></button>

    <button pButton type="button" (click)="count()" icon="fa-close"></button>

    <button pButton type="button" (click)="count()" icon="fa-check" [disabled]="true" label="Disabled"></button>

    <h3>Severity Buttons</h3>

    <button pButton type="button" (click)="count()" label="Primary"></button>

    <button pButton type="button" (click)="count()" label="Secondary" class="ui-button-secondary"></button>

    <button pButton type="button" (click)="count()" label="Success" class="ui-button-success"></button>

    <button pButton type="button" (click)="count()" label="Info"  class="ui-button-info"></button>

    <button pButton type="button" (click)="count()" label="Warning"  class="ui-button-warning"></button>

    <button pButton type="button" (click)="count()" label="Danger"  class="ui-button-danger"></button>

    <br /><br />
    Number of clicks: {{clicks}}
</div>


